.page {
  .group {
    background: linear-gradient(to right, #38987c, #38987c);
    background-repeat: no-repeat;
    background-size: 100% 370rpx;
    padding: 0 32rpx 198rpx;
    flex: 1 1 auto;

    .group_3 {
      margin-top: 40rpx;

      .section_1 {
        padding-bottom: 24rpx;
        background-color: rgb(255, 255, 255);
        border-radius: 24rpx;

        .section_2 {
          padding: 24rpx 24rpx 20rpx;
          background-image: linear-gradient(
            97.2deg,
            rgb(81, 81, 81) 0%,
            rgb(81, 81, 81) -15.28%,
            rgb(36, 36, 36) 114.1%,
            rgb(36, 36, 36) 100%
          );
          border-radius: 24rpx 24rpx 0px 0px;

          .group_4 {
            margin-bottom: 6rpx;
            color: rgb(226, 189, 128);
            font-size: 28rpx;
            line-height: 40rpx;
            white-space: nowrap;

            .image {
              width: 48rpx;
              height: 48rpx;
            }

            .text_2 {
              margin: 4rpx 0 4rpx 16rpx;
            }
          }

          .text-wrapper {
            padding: 10rpx 0 6rpx;
            color: rgb(38, 38, 38);
            font-size: 28rpx;
            line-height: 40rpx;
            white-space: nowrap;
            background-image: linear-gradient(
              124.3deg,
              rgb(255, 218, 157) 0%,
              rgb(255, 218, 157) -7.15%,
              rgb(231, 191, 124) 104.11%,
              rgb(231, 191, 124) 100%
            );
            border-radius: 27rpx;
            width: 168rpx;
            height: 56rpx;
          }
        }

        .equal-division {
          margin: 26rpx 25rpx 0 24rpx;

          .equal-division-item {
            padding: 24rpx 24rpx;
            flex: 1 1 307rpx;
            background-color: rgba(243, 151, 53, 0.08);
            border-radius: 12rpx;
            height: 144rpx;
            position: relative;

            .text_4 {
              color: rgb(102, 102, 102);
              font-size: 28rpx;
              line-height: 40rpx;
              white-space: nowrap;
            }

            .text_5 {
              margin-top: 8rpx;
              color: rgb(0, 0, 0);
              font-size: 40rpx;
              line-height: 48rpx;
              white-space: nowrap;
            }
          }

          .equal-division-item_1 {
            margin-left: 23rpx;
            padding: 24rpx 24rpx;
            flex: 1 1 307rpx;
            background-color: rgba(24, 181, 103, 0.08);
            border-radius: 12rpx;
            height: 144rpx;
            position: relative;

            .text_6 {
              color: rgb(102, 102, 102);
              font-size: 28rpx;
              line-height: 40rpx;
              white-space: nowrap;
            }

            .group_5 {
              margin-top: 8rpx;

              .text_7 {
                color: rgb(0, 0, 0);
                font-size: 40rpx;
                line-height: 48rpx;
                white-space: nowrap;
              }

              .text_8 {
                margin-left: 6rpx;
                margin-top: 12rpx;
                color: rgb(153, 153, 153);
                font-size: 24rpx;
                line-height: 34rpx;
                white-space: nowrap;
              }
            }
          }

          .image_5 {
            width: 106rpx;
            height: 104rpx;
            position: absolute;
            right: -1rpx;
            bottom: 0;
          }
        }
      }

      .section_3 {
        margin-top: 24rpx;
        padding: 24rpx 0;
        background-color: rgb(255, 255, 255);
        border-radius: 24rpx;

        .group_6 {
          padding: 0 24rpx;

          .text_9 {
            color: rgb(0, 0, 0);
            font-size: 32rpx;
            font-weight: 500;
            line-height: 44rpx;
            white-space: nowrap;
          }

          .group_7 {
            color: rgb(102, 102, 102);
            font-size: 28rpx;
            line-height: 40rpx;
            white-space: nowrap;

            .image_8 {
              margin: 4rpx 0;
              width: 32rpx;
              height: 32rpx;
            }
          }
        }

        .equal-division_1 {
          margin-top: 22rpx;
          color: rgb(0, 0, 0);
          font-size: 24rpx;
          line-height: 34rpx;
          white-space: nowrap;
          padding: 0 21rpx;

          .equal-division-item_2 {
            padding: 10rpx 0;

            .text_11 {
              margin-top: 8rpx;
            }
          }
        }

        .section_4 {
          margin: 22rpx 24rpx 0;
          padding: 16rpx 22rpx 24rpx 24rpx;
          background-image: url("https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61ab188e1f655f0011bbaece/61e7d9270c0e3200129ec72c/16425844703083187462.png");
          background-position: 0px 0px;
          background-size: 100% 100%;
          background-repeat: no-repeat;

          .group_14 {
            margin-top: 24rpx;

            .text_19 {
              color: rgb(0, 0, 0);
              font-size: 28rpx;
              font-weight: 500;
              line-height: 40rpx;
              white-space: nowrap;
            }

            .text_20 {
              margin-top: 4rpx;
              color: rgb(102, 102, 102);
              font-size: 24rpx;
              line-height: 34rpx;
              white-space: nowrap;
            }
          }

          .text_17 {
            color: rgb(102, 102, 102);
            font-size: 28rpx;
            font-weight: 500;
            line-height: 40rpx;
            white-space: nowrap;
          }

          .text_18 {
            margin-bottom: 4rpx;
            color: rgb(243, 151, 53);
            font-size: 24rpx;
            line-height: 34rpx;
            white-space: nowrap;
          }

          .group_16 {
            margin: 6rpx 0 4rpx;
            white-space: nowrap;
            height: 38rpx;

            .text_21 {
              color: rgb(255, 74, 74);
              font-size: 24rpx;
              line-height: 28rpx;
            }

            .text_22 {
              color: rgb(255, 74, 74);
              font-size: 32rpx;
              line-height: 38rpx;
            }
          }

          .text-wrapper_1 {
            padding: 8rpx 0 6rpx;
            color: rgb(255, 255, 255);
            font-size: 24rpx;
            line-height: 34rpx;
            white-space: nowrap;
            background-image: linear-gradient(
              116.3deg,
              rgb(53, 219, 160) 0%,
              rgb(53, 219, 160) -13.77%,
              rgb(24, 181, 103) 111.69%,
              rgb(24, 181, 103) 100%
            );
            border-radius: 24rpx;
            width: 128rpx;
            height: 48rpx;
          }
        }
      }

      .section_5 {
        margin-top: 24rpx;
        padding: 24rpx 0 20rpx;
        background-color: rgb(255, 255, 255);
        border-radius: 24rpx;

        .text_24 {
          margin-left: 24rpx;
          color: rgb(0, 0, 0);
          font-size: 32rpx;
          font-weight: 500;
          line-height: 44rpx;
          white-space: nowrap;
        }

        .grid {
          margin-top: 24rpx;
          color: rgb(0, 0, 0);
          font-size: 24rpx;
          line-height: 34rpx;
          white-space: nowrap;
          display: grid;
          grid-template-columns: repeat(4, 1fr);

          .grid-item {
            margin: 8px auto;
          }
        }
      }

      .image_21 {
        margin-top: 24rpx;
        border-radius: 24rpx;
        width: 91.5vw;
        height: 21.5vw;
      }

      .image_9 {
        width: 72rpx;
        height: 72rpx;
      }
    }

    .image_3 {
      border: 5rpx solid #ffffff;
      border-radius: 50%;
    }

    .group_2 {
      margin: 10rpx 0 10rpx 16rpx;

      .text {
        color: #fff;
        font-size: 32rpx;
        font-weight: 500;
        line-height: 44rpx;
        white-space: nowrap;
      }

      .text_1 {
        margin-top: 8rpx;
        color: #fff;
        font-size: 28rpx;
        line-height: 40rpx;
        white-space: nowrap;
      }
    }
  }
}

.signGroup {
  white-space: nowrap;
  padding: 12px 12px 10px !important;

  .tips > text {
    color: rgb(243, 153, 54);
  }

  .tips {
    font-size: 13px;
    color: #626262;
  }

  .btn {
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background: #38987c;
    border-radius: 7px;
  }
}